<template>
  <el-row class="case">
    <el-col :span="7" class="case-left">
       <viewTitle text="患者信息" />
       <el-col :span="24" class="case-list">
         <el-col :span="24">
           <el-form :inline="true" :model="caseForm" class="demo-form-inline">
            <el-col :span="24" class="demo-flex">
              <el-form-item label="">
                <el-input size="small" v-model="caseForm.user" placeholder="请输入姓名"></el-input>
              </el-form-item>
              <el-form-item label="">
                <choiceCascader size="small" :value='caseForm.deptId' @cascaderChange="cascaderChange" />
              </el-form-item>
              <el-form-item>
                <el-select v-model="caseForm.type" size="small" placeholder="类型">
                <el-option
                    v-for="item in typeOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-button size="small" type="primary" @click="onSubmit">查询</el-button>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="">
                <el-date-picker
                  v-model="caseForm.date"
                  type="daterange"
                  size="small"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-form>
         </el-col>
         <el-col :span="24">
          <FromList :tableTitle="tableTitle" :tableData="tableData" style='border-radius: 10px;'  />
         </el-col>
         <el-col :span="24" class="paging">
          <el-pagination
          background
          :current-page="page"
          :page-size="limit"
          small
          layout="prev, pager, next"
          @current-change="handlePagination"
          :total="userCount">
          </el-pagination>
         </el-col>
       </el-col>
    </el-col>
    <el-col :span="17" class="case-right">
      <viewTitle text="病历信息" />
      <el-col :span="24" class="case-button">
         <el-button type="primary" size="small">批量归档</el-button>
         <el-button type="primary" size="small">批量接收</el-button>
      </el-col>
      <el-col :span="24" class="case-form">
        <FromList @handelChange="handleTypeCheckBox" :typeCheckbox="true" :tableTitle="rightTitle" :tableData="rightData" style='border-radius: 10px;'  />
      </el-col>
      <el-col :span="24" class="paging">
        <el-pagination
        background
        :current-page="page"
        :page-size="limit"
        layout="prev, pager, next,jumper"
        @current-change="handlePagination"
        :total="userCount">
        </el-pagination>
      </el-col>
    </el-col>
  </el-row>
</template>

<script>
import viewTitle from "@/forComponents/viewTitle"
import choiceCascader from "@/components/choiceCascader"
import FromList from "@/forComponents/fromList/fromList"
export default {
  name:"case",
  data(){
    return {
      caseForm:{
        name:"",
        deptId:"",
        type:"",
        date:"",
      },
      typeOptions:[
        {
          label:"类型",
          value:1
        }
      ],
      
      tableTitle:[
        {
          prop:"key",
          name:"序号",
          type:1,
          width:50,
        },
        {
          prop:"sex",
          name:"姓名",
          type:1,
        },
        {
          prop:"type",
          name:"类型",
          type:1,
        },
        {
          prop:"type",
          name:"提交时间",
          type:1,
        },
        {
          prop:"type",
          name:"科室",
          type:1,
        },
      ],
      tableData:[],
      rightTitle:[
        {
          prop:"key",
          name:"序号",
          type:1,
          width:50,
        },
        {
          prop:"sex",
          name:"病历名称",
          type:1,
          width:300,
        },
        {
          prop:"type",
          name:"签名时间",
          type:1,
        },
        {
          prop:"type",
          name:"状态",
          type:1,
        },
        {
          prop:"type",
          name:"接收时间",
          type:1,
          width:200
        },
        {
          prop:"sex",
          name:"接收人",
          type:1,
          width:300,
        },
        {
          prop:"type",
          name:"点评时间",
          type:1,
        },
        {
          prop:"type",
          name:"点评内容",
          type:1,
        },
        {
          prop:"type",
          name:"点评分数",
          type:1,
          width:200
        },
        {
          prop:"sex",
          name:"归档时间",
          type:1,
          width:300,
        },
        {
          prop:"type",
          name:"归档人",
          type:1,
        },
        {
          prop:"",
          name:"操作",
          type:8,
          arr:[
            {
              value:1,
              name:"撤销校对"
            },
            {
              value:2,
              name:"停止"
            },
            {
              value:3,
              name:"计价"
            },
            {
              value:4,
              name:"抄送"
            },
          ],
          width:130,
          fixed:"right"
        },
      ],
      rightData:[],
      userCount:500,
      page:1,
      limit:5
    }
  },
  methods:{
    handlePagination(){

    },
    onSubmit(){
      console.log("查询")
    },
    cascaderChange(){

    },
  },
  components:{
    viewTitle,
    choiceCascader,
    FromList
  }
}
</script>

<style lang="scss" scoped>
  @import "./index.scss";
</style>